import {definePreset} from '@primevue/themes';
import Aura from '@primevue/themes/aura';


const Noir = definePreset(Aura, {
    semantic: {
        primary: {
            50: '{zinc.50}',
            100: '{zinc.100}',
            200: '{zinc.200}',
            300: '{zinc.300}',
            400: '{zinc.400}',
            500: '{zinc.500}',
            600: '{zinc.600}',
            700: '{zinc.700}',
            800: '{zinc.800}',
            900: '{zinc.900}',
            950: '{zinc.950}'
        },
        colorScheme: {
            light: {
                surface: {
                    0: 'color-mix(in srgb, var(--p-primary-900), white 100%)',
                    50: 'color-mix(in srgb, var(--p-primary-900), white 95%)',
                    100: 'color-mix(in srgb, var(--p-primary-900), white 90%)',
                    200: 'color-mix(in srgb, var(--p-primary-900), white 80%)',
                    300: 'color-mix(in srgb, var(--p-primary-900), white 70%)',
                    400: 'color-mix(in srgb, var(--p-primary-900), white 60%)',
                    500: 'color-mix(in srgb, var(--p-primary-900), white 50%)',
                    600: 'color-mix(in srgb, var(--p-primary-900), white 40%)',
                    700: 'color-mix(in srgb, var(--p-primary-900), white 30%)',
                    800: 'color-mix(in srgb, var(--p-primary-900), white 20%)',
                    900: 'color-mix(in srgb, var(--p-primary-900), white 10%)',
                    950: 'color-mix(in srgb, var(--p-primary-900), white 0%)',
                }
            },
            dark: {
                primary: {
                    color: '{zinc.50}',
                    inverseColor: '{zinc.950}',
                    hoverColor: '{zinc.100}',
                    activeColor: '{zinc.200}'
                },
                highlight: {
                    background: 'rgba(250, 250, 250, .16)',
                    focusBackground: 'rgba(250, 250, 250, .24)',
                    color: 'rgba(255,255,255,.87)',
                    focusColor: 'rgba(255,255,255,.87)'
                }
            }
        }
    },
    // components: {
    //     table: {
    //         header: {
    //             backgroundColor: 'red',
    //         }
    //     }
    // }
});


//export default Arua
export default Noir

